@CHARSET "UTF-8";

#area-conf{
	width: 25em;
	/*height: 2em;*/
	margin: 0 auto;	
}
#area-conf span{
	margin: 0;
}
/* */
.secu-top-col-pri{
	width: inherit;
	overflow: hidden;
}
.secu-top-col-pri div{
	float: left;
	text-align: center;
	width: 2.74em;
	height: 4em;
}
.secu-top-col-sec{
	width: inherit;
	overflow: hidden;
}
.secu-top-col-sec div{	
	float: left;
	text-align: center;	
	width: 2.74em;
	height: 4em;
}
.secu-face-left{
	background-color: gray;
	transform: skew(0deg, -25deg);
	-moz-transform: skew(0deg, -25deg);
	-ms-transform: skew(0deg, -25deg);
	-o--transform: skew(0deg, -25deg);
	-webkit-transform: skew(0deg, -25deg);
	height: 2em;
	width: 8em;	
	left: 52.5em;
}
.secu-face-left div{
	border: none;
	float: left;
	text-align: center;	
	height: inherit;
	line-height: 2em;
	width: 4em;
}
.secu-face-right{
	height: 2em;
	margin: 0 auto;
	transform: skew(0deg, 25deg);
	-moz-transform: skew(0deg, 25deg);
	-ms-transform: skew(0deg, 25deg);
	-o-ms-transform: skew(0deg, 25deg);
	-webkit-transform: skew(0deg, 25deg);
	width: 52.5em;	
}
.secu-face-right div{
	border: none;
	float: left;
	text-align: center;	
	height: inherit;
	line-height: 2em;	
	width: 2.74em;
}
.secu-face-top{	
	height: 8em;
	transform: rotate(25deg) skew(-40deg, 0deg) scale(1.104, 0.85);
	-moz-transform: rotate(25deg) skew(-40deg, 0deg) scale(1.104, 0.85);
	-ms-transform: rotate(25deg) skew(-40deg, 0deg) scale(1.104, 0.85);
	-o-transform: rotate(25deg) skew(-40deg, 0deg) scale(1.104, 0.85);
	-webkit-transform: rotate(25deg) skew(-40deg, 0deg) scale(1.104, 0.85);
	width: 52.5em;	
	background-color: peru;
}
.secu-face-top div{
	float: left;
}
/*.secu-face-top-fix{
	background-color: gray;
	height: 8em;
	transform: skew(-15deg, -25deg) scale(1.0, 1.07);
	-moz-transform: skew(-15deg, -25deg) scale(1.0, 1.07);
	-ms-transform: skew(-15deg, -25deg) scale(1.0, 1.07);
	-o-transform: skew(-15deg, -25deg) scale(1.0, 1.07);
	-webkit-transform: skew(-15deg, -25deg) scale(1.0, 1.07);
	width: 52.5em;
}*/
.secu-face-left, .secu-face-right, .secu-face-top{
	position: absolute;
}
.secu-move-acti{
	background-color: gray;
	transition: transform 1s linear;
	-moz-transition: -moz-transform 1s linear;
	-ms-transition: -ms-transform 1s linear;
	-o-transition: -o-transform 1s linear;
	-webkit-transition: -webkit-transform 1s linear;	
}
.secu-move-acti.secu-acti-effe{
	transform: translate(200px, 92px);
	-o-transform: translate(200px, 92px);
	-moz-transform: translate(200px, 92px);
	-ms-transform: translate(200px, 92px);
	-webkit-transform: translate(200px, 92px);
}